<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>华为专区</title>
	<link rel="stylesheet" href="style.css">
	<link rel="shortcut icon" href="images/huawei_03.png" type="image/x-icon">
</head>
<body>
	<div class="container">
		<!-- 头部 -->
		<div class="header">
			<ul>
	                <li>
	                    <a href="http://cuoweidemengmei.gitee.io/huaweishangchengshouye">首页</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">华为官网</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">荣耀官网</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">花粉俱乐部</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">帮助中心</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">V码（优购码）</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">企业购</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">Slect Region</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">更多精彩</a>
	                    <i></i>
	                </li>
	                <li>
	                    <a href="#">请登录</a>
	                </li>
	                <li>
	                    <a href="http://cuoweidemengmei.gitee.io/huaweishangchengdezhuce">注册</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <a href="#">我的订单</a>
	                    <span>|</span>
	                </li>
	                <li>
	                    <i></i>
	                    <a href="#">购物车（0）</a>
	                </li>
	            </ul>
		</div>
		<!-- 导航 -->
		<div class="nav">
			<div class="nav_left">
	                <p>
	                    <img src="images/20170703105852645577.png" alt="">
	                </p>
	                <p></p>
	                <p>
	                	<img src="images/20180528111304651.png" alt="">
	                </p>
	                <ul>
	                    <li>
	                        <a href="http://cuoweidemengmei.gitee.io/shouji">手机</a>
	                    </li>
	                    <li>
	                        <a href="#">笔记本电脑</a>
	                    </li>
	                    <li>
	                        <a href="#">平板&穿戴</a>
	                    </li>
	                    <li>
	                        <a href="#">智能家居</a>
	                    </li>
	                    <li>
	                        <a href="#">配件</a>
	                    </li>
	                    <li>
	                        <a href="#">荣耀专区</a>
	                    </li>
	                </ul>
	            </div>
	            <div class="nav_right">
	                <ul>
	                    <li>
	                        <a href="#">HUAWEIP20</a>
	                    </li>
	                    <li>
	                        <a href="#">HUAWEInova3e</a>
	                    </li>
	                    <li>
	                        <i></i>
	                    </li>
	                </ul>
	                <p></p>
	            </div>
		</div>
		<!-- 轮播 -->
		<div class="banner">
			<img src="images/banner.png" alt="">
		</div>
		<!-- 主体内容 -->
		<div class="main">
			<!-- 华为精品 -->
			<div class="main1">
				<p></p>
				<h1>华为精品</h1>
				<div class='main1_bottom'>
					<ul>
						<li>
							<img src="images/1523517491692.jpg" alt="">
						</li>
						<li>
							<img src="images/1527819718118.jpg" alt="">
						</li>
						<li>
							<img src="images/1527819730921.jpg" alt="">
						</li>
						<li>
							<img src="images/1528479250270.jpg" alt="">
						</li>
					</ul>
					<ul>
						<li>
							<img src="images/1522224020304.jpg" alt="">
							<div>
								<h2>华为平板M5 10.8英寸</h2>
								<p>电脑模式实现高效移动办公</p>
								<span></span>
								<p>¥2488</p>
							</div>
						</li>
						<li>
							<img src="images/1523523645706.jpg" alt="">
							<div>
								<h2>HUAWEIMateBook X Pro</h2>
								<span></span>
								<p>¥7988</p>
							</div>
						</li>
						<li>
							<img src="images/1522225255928.jpg" alt="">
							<div>
								<h2>HUAWWEI nova 2s</h2>
								<p>最高直降300元</p>
								<span></span>
								<p>¥2599</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- 手机 -->
			<div class="main2">
				<div class="main2_top">
					<p></p>
					<h1>手机</h1>
					<ul>
						<li><a href="#">HUAWEI Mate系列</a></li>
						<li><a href="#">HUAWEI P系列</a></li>
						<li><a href="#">HUAWEI nova系列</a></li>
						<li><a href="#">HUAWEI 麦芒系列</a></li>
						<li><a href="#">华为畅享系列</a></li>
					</ul>
				</div>
				<div class="main2_bottom">
					<p>
						<img src="images/1515664815471.jpg" alt="">
					</p>
					<div class="main2_bottom_right">
						<div>
							<span>
								<img src="images/1521531805559.jpg" alt="">
								<div>
									<p></p>
									<p>HUAWEI nova 3e</p>
									<p>¥2199</p>
								</div>
							</span>
							<span>
								<img src="images/1523705817924.jpg" alt="">
								<div>
									<p></p>
									<p>华为畅享8e</p>
									<p>¥1099</p>
								</div>
							</span>
						</div>
						<ul>
							<li>
								<img src="images/1523427123930.jpg" alt="">
								<div>
									<p></p>
									<p>华为畅享8 Plus</p>
									<p>¥1899</p>
								</div>
							</li>
							<li>
								<img src="images/1510650536841.jpg" alt="">
								<div>
									<p></p>
									<p>HUAWEI 麦芒6</p>
									<p>¥2199</p>
								</div>
							</li>
							<li>
								<img src="images/1524296556288.jpg" alt="">
								<div>
									<p></p>
									<p>华为畅享8</p>
									<p>¥1299</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 笔记本电脑 -->
			<div class="main3">
				<div class="main3_top">
					<p></p>
					<h1>笔记本电脑</h1>
					<ul>
						<li><a href="#">笔记本电脑电脑</a></li>
						<li><a href="#">笔记本电脑配件</a></li>
					</ul>
				</div>
				<div class="main3_bottom">
					<div>
						<img src="images/1496806661768.jpg" alt="">
					</div>
					<div>
						<ul>
							<li>
								<img src="images/142_142_1495007794253mp.jpg" alt="">
								<h2>HUAWEI MateBook D</h2>
                                <span></span><br>
								<a>¥4988</a>
							</li>
							<li>
								<img src="images/142_142_1495008828667mp.jpg" alt="">
								<h2>HUAWEI MateBook E</h2>
								<p>尊享6期分期免息</p>
								<span></span><br>
								<a>¥5888</a>
							</li>
						</ul>
						<div>
							<img src="images/1523523719147.jpg" alt="">
							<div>
								<h2>HUAWI MateBook X Pro</h2>
								<p>限量赠398元配件</p>
								<span></span>
								<p>¥7988</p>
							</div>
                        </div>
					</div>
				</div>
			</div>
			<!-- 平板&穿戴 -->
			<div class="main4">
				<div class="main4_top">
					<p></p>
					<h1>平板&穿戴</h1>
					<ul>
						<li><a href="#">平板电脑</a></li>
						<li><a href="#">手环/手表</a></li>
						<li><a href="#">VR</a></li>
					</ul>
				</div>
				<div class="main4_bottom">
					<p>
						<img src="images/1524040847890.jpg" alt="">
					</p>
					<div class="main2_bottom_right">
						<div>
							<span>
								<img src="images/1524040873400.jpg" alt="">
								<div>
									<p></p>
									<p>华为平板M5 10.8英寸</p>
									<p>¥2488</p>
								</div>
							</span>
							<span>
								<img src="images/1522306821730.jpg" alt="">
								<div>
									<p></p>
									<p>华为手环B3 青春版</p>
									<p>¥459</p>
								</div>
							</span>
						</div>
						<ul>
							<li>
								<img src="images/1522306924151.jpg" alt="">
								<div>
									<p></p>
									<p>华为平板 M5 Pro</p>
									<p>¥3488</p>
								</div>
							</li>
							<li>
								<img src="images/1522306752572.jpg" alt="">
								<div>
									<p></p>
									<p>HUAWEI WATCH 2 Pro</p>
									<p>¥2538</p>
								</div>
							</li>
							<li>
								<img src="images/1527298965935.jpg" alt="">
								<div>
									<p></p>
									<p>HUAWEI WATCH 2 (2018版)</p>
									<p>¥1988</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- 指南 -->
		<div class="guild">
			<div>
        		<div class="guild_top">
        			<ul>
        				<li>
        					<i></i>
        					<span>百强企业 品质保证</span>
        				</li>
        				<li>
        					<i></i>
        					<span>7天退货 15天换货</span>
        				</li>
        				<li>
        					<i></i>
        					<span>48元起免运费</span>
        				</li>
        				<li>
        					<i></i>
        					<span>448家维修网点 全网联保</span>
        				</li>
        			</ul>
        		</div>
        		<div class="guild_buttom">
        			<div class="guild_buttom_left">
        				<ul>
        					<li>
        						<p></p>
        						<h3>购物相关</h3>
        						<p><a href="#">购物指南</a></p>
        						<p><a href="#">配送方式</a></p>
        						<p><a href="#">支付方式</a></p>
        						<p><a href="#">常见问题</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>保修与退换货</h3>
        						<p><a href="#">保修政策</a></p>
        						<p><a href="#">退换货政策</a></p>
        						<p><a href="#">退换货流程</a></p>
        						<p><a href="#">保修状态查询</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>维修与技术支持</h3>
        						<p><a href="#">售后网点</a></p>
        						<p><a href="#">预约维修</a></p>
        						<p><a href="#">手机寄修</a></p>
        						<p><a href="#">维修配件价格查询</a></p>
        						<p><a href="#">上门服务</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>关于我们</h3>
        						<p><a href="#">公司介绍</a></p>
        						<p><a href="#">华为商城简介</a></p>
        						<p><a href="#">华为线下门店</a></p>
        						<p><a href="#">荣耀线下门店</a></p>
        						<p><a href="#">诚征英才</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>关注我们</h3>
        						<p><a href="#">新浪微博</a></p>
        						<p><a href="#">腾讯微博</a></p>
        						<p><a href="#">花粉俱乐部</a></p>
        					</li>
        					<li>
        						<p></p>
        						<h3>友情链接</h3>
        						<p><a href="#">华为官网</a></p>
        						<p><a href="#">华为商城手机版</a></p>
        						<p><a href="#">荣耀官网</a></p>
        						<p><a href="#">花粉俱乐部</a></p>
        						<p><a href="#">网站地图</a></p>
        					</li>
        				</ul>
        			</div>
        			<div class="guild_buttom_right">
        				<p></p>
        				<p>400-088-6888</p>
        				<p>24小时客服热线(仅收市话费)</p>
        				<p>
        					<i></i>
        					<a href="#">在线客服</a>
        				</p>
        			</div>
        		</div>
        	</div>
		</div>
		<!-- 页脚 -->
		<div class="footer">
			<div>
        		<p>
        			<img src="images/flogo.png" alt="">
        		</p>
        		<div>
        			<p>隐私声明 服务协议 Copyright©2012-2018华为软件技术有限公司版权所有保留一切权利</p>
        			<p>公安备案苏公网安备32011402010009号|苏ICP备17040376号-6|增值电信业务经营许可证：苏B2-20130048号|</p>
        			<p>网络文化经营许可证：苏网文[2013]1599-026号</p>
        		</div>
        		<ul>
        			<li>
        				<img src="images/20180522101715775.jpg" alt="">
        			</li>
        			<li>
        				<img src="images/20160226162415360.png" alt="">
        			</li>
        			<li>
        				<img src="images/20160226162521265.png" alt="">
        			</li>
        			<li>
        				<img src="images/20160226162531395.png" alt="">
        			</li>
        			<li>
        				<img src="images/20170725194955862.jpg" alt="">
        			</li>
        		</ul>
        	</div>
		</div>
	</div>
</body>
</html>